*{
    padding: 0px;
    margin: 0px;
}
.box{
    width: 100%;
    height: 3000px;
    border: 1px solid black;
}
a{
    text-decoration: none;
    color:#555;
}

/* 修改公top共样式 */
.sYshangpin_box .sYshangpin_L{
    background-color: #333 !important;
    border: 0px ;
    height: 42px !important;
}
.sYding_headerRt,.sYding_headerbox,.sYshangpin_box{
    width: 1200px !important;
}



/* 原本代码 */
.catetop-tree-blank{
    width: 100%;    
    height: 45px;
    background-color: #333;
}
.tree-sUb{
    height: 45px;
    color: #fff;
}
.catetop-tree-blank .w1200{
    width: 1200px;
    margin: 0px auto;
}
.tree-sUb>li{
    width: 100px;
    height: 46px;
    float: left;
    line-height: 45px;
    margin-left: 10px;
    font-size: 14px;
    text-align: center;
    position: relative;
    list-style: none;
    transition: all 1s;

}
.square{
    position: absolute;
    background-color: white;
    width: 10px;
    height: 10px;
    left: 45px;
    top: 40px;
    transform: rotate(45deg);
    display: none;

}
.tree-sUb li:hover .square{
    display: block;

}
.tree-sUb li span:hover{
    cursor: pointer;
}
.tree-sUb li  img:hover{
    cursor: pointer;
}

.tree-sUb>li>a{
    color: #fff;
}
.banner-widthbox{
    width: 100%;
}
.banner-width{
    width: 1200px;
    margin: 0 auto;
    height: 390px;
    background: url(../img/1490062791529079580.jpg) no-repeat -280px 0px;
}
.coming{
    width: 1200px;
    height: 155px;
    background-color: #fff;
    position: absolute;
}
.coming-item{
    width: 1160px;
    height: 135px;
    padding: 20px 20px 0px 20px;
    font-size: 14px;
}
.coming-item>footer{
    /* width: 43px; */
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #bebebe;
    display: inline-block;
    color: #000;
    margin-left: 0px;
    position: absolute;
    left: 20px;
    top: 0px;
    
}
.coming-item p{
    position: absolute;
    top: 56px;
}
.coming-item>p>span{
    color: #8c8c8c;
    font-size: 13px;
    margin-right: 35px;
    
}

.coming-item>p>span:hover{
    color: #E23435;
}
.coming-item ul li{
    width: 118px;
    float: left;

}
.coming-tupi img{
    width:118px ;
    height: 52px;
    float: left;

}
.coming-tupi{
    width: 100%;
    height: 52px;
    position: absolute;
    top: 101px;
    left: 0px;
}

.lll{
    display: none;
}
.n1:hover .ming{
    display: block;
    
}
.n2:hover .ming-2{
    display: block;
    left: -110px;
    
}
.n3:hover .ming-3{
    display: block;
    left: -220px;
    
}
.n4:hover .ming-4{
    display: block;
    left: -330px;
    
}
.n5:hover .ming-5{
    display: block;
    left: -440px;
    
}
.n6:hover .ming-6{
    display: block;
    left: -550px;
    
}
.catetop-main{
    width: 1200px;
    height: 100%;
    margin: 0px auto;
    font: 12px/1.5 Microsoft YaHei,tahoma,arial,Hevetica,\\5b8b\4f53,sans-serif;
}
.toprank{
    width: 1200px;
    height: 374px;
    margin: 30px 0px;
    color: #555555;
}
.hd{
    height: 42px;
    line-height: 42px;
    margin-bottom: 12px;
    position: relative;
}
.henxian{
    float: left;
    color: #D2D2D2;
}
.hd li{
    width: 63px;
    height: 42px;
    list-style: none;
    float: left;
    padding: 0 15px;
    position: relative;
    font-size: 21px;
    cursor: pointer;
}
.hd .on{
    color: red;
}
.toprank .bd{
    width: 1200px;
    height: 320px;
    position: relative;
}
.bd .bd-po{
    position: absolute;
    width: 1200px;
    left: 0px;
    top: 0px;
    display: block;
    list-style: none;
    display: flex;
}
.bd .addte{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    /* display: none; */
    opacity: 0;
    transition: all 1s;
}
.bd{
    position: relative;
}
.bd .addte .befo{
    opacity: 1;
}
.bdddd{
    transition: all 1s;

}
.befo{
    position: absolute;
    font-size: 70px;
    color: #f43434;
    top: 209px;
    left: 5px;
    font-family: 'Lucida Sans Unicode', sans-serif;
}
.befo2{
    opacity: 0.8;
}
.befo3{
    opacity: 0.6;
}
.befo4{
    opacity: 0.4;
}
.befo5{
    opacity: 0.2;
}

.bd .bd-po .p-img{
    width: 199px;
    height: 199px;
}
.bd-po li{
    width: 198px;
    height: 276px;
    padding: 20px;
    border: 1px solid #EFEFEF;
    position: relative;
}
.bd-po li img{
    width: 100%;
    height: 100%;
}
.bd-po li .p-name{
    font: 12px/1.5 Microsoft YaHei,tahoma,arial,Hevetica,\\5b8b\4f53,sans-serif;
    color: #555;
    width: 159px;
    height: 36px;
    margin: 10px 0px 5px 40px;
    text-decoration: none;
}
.doukou{
    width: 152px !important;
    height: 34px;
    display: inline-block;

}
.hd .bd-po  li .p-name a:hover{
    color: red;
}
.bd-po li .p-name a{
    color: #555;
    text-decoration: none;

}
.bd-po .p-price{
    margin-left: 40px;
    color: red;
}
.cotetop-brand{
    width: 1200px;
    height: 134px;
    margin: 30px 0;
}
.cotetop-brand .hd{
    height: 42px;
    line-height: 42px;
    margin-bottom: 12px

}
.cotetop-brand .hd span{
    float: left;
    font-size: 21px;
    color: #555;
}
.cotetop-brand .bg{
    width: 1200px;
    height: 72px;
}
.bs-bd{
    width: 1108px;
    height: 30px;
    color: #555;
    word-break: break-all;
    border: 1px solid #EFEFEF;
    padding: 20px 45px;
    position: relative;
}
.tempwrap{
    width: 1110px;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.tempwrap ul{
    width: 1998px;
    height: 100%;
    position:absolute;
    top: 0px;
    left: 0px;
}
.tempwrap ul li{
    width: 110px;
    height: 30px;
    border-right: 1px dashed #EFEFEF;
    list-style: none;
    float: left;
}
.tempwrap ul li img{
    width: 68px;
   margin-left: 21.5px;
    height: 30px;
}
.tempwrap ul li a{
    width: 111px;
    height: 30px;
    display: inline-block;
}
.bs-bd .left{
    position: absolute;
    top: 20px;
    left: 10px;
    font-weight: bold;
    z-index: 10;
}
.bs-bd .left:hover{
    cursor: pointer;
}
.bs-bd .right:hover{
    cursor: pointer;
}
.bs-bd .left span{
    font-size: 25px;
}
.bs-bd .right span{
    font-size: 25px;
}
.bs-bd .right{
    position: absolute;
    top: 20px;
    right: 0px;
    font-weight: bold;
    z-index: 11;
}
.yidong{
    transition: all 1s;
}
.cotetop-floor{
    width: 1200px;
    height: 1819px;
}
.cotetop-floor .f-hd div{
    height: 42px;
    line-height: 42px;
    margin-bottom: 12px;
    /* float: left; */
    font-size: 21px;
    color: #555;
}
.cotetop-floor .f-bd{
    font: 12px/1.5 Microsoft YaHei,tahoma,arial,Hevetica,\\5b8b\4f53,sans-serif;
    color: #555;
    width: 1200px;
    height: 558px;
}
.cotetop-floor .f-bd .clear-fix{
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
}
.clear-fix li{
    width: 198px;
    height: 238px;
    padding: 20px;
    border: 1px solid #EFEFEF;
    position: relative;
    list-style: none;
}
.clear-fix li img{
    width: 167px;
    height: 167px;
    margin: 0px auto;
    margin-left: 16px;
}
.clear-fix li .p-img{
    width: 199px;
    height: 167px;
}
.clear-fix li .p-img a{
   width: 167px;
   height: 167px;
   margin: 0px auto;
}
.clear-fix li .p-name{
    font: 12px/1.5 Microsoft YaHei,tahoma,arial,Hevetica,\\5b8b\4f53,sans-serif;
    color: #555;
    width: 199px;
    height: 34px;
    margin: 10px 0px 5px 0px;
    text-decoration: none;
    font-size: 12px;
}

 .clear-fix  li .p-name a:hover{
    color: red;
}
.clear-fix li .p-name a{
    color: #555;
    text-decoration: none;

}
.clear-fix .p-price{
    color: red;
    font: 12px/1.5 Microsoft YaHei,tahoma,arial,Hevetica,\\5b8b\4f53,sans-serif;
    font-size: 16px;

}
.catetop-floor{
    width: 1200px;
    height: 612px;
    margin: 30px 0;
}
.atwillgo{
    width: 1200px;
    height: 404px;
}
.atwillgo .awg-bd{
    width: 1200px;
    height: 350px;
}
.awg-bd .clear-fix{
    display: flex;
}
.awg-bd .clear-fix img{
    width: 158px;
    height: 158px;
    margin: 0px;
}
.awg-bd .clear-fix .p-img{
    width: 158px;
    height: 158px;
}
.awg-bd .clear-fix li{
    width: 158px;
    height: 296px;
    float: left;
    border: 1px dashed #D1D1D1;
    padding: 25px 20px 27px;
}
.awg-bd .clear-fix .p-price{
    height: 24px;
    line-height: 24px;
    text-align: center;
    margin: 10px 0px;
}
.awg-bd .clear-fix .p-name{
    width: 158px;
    height: 54px;
    margin-bottom: 10px;

}
.awg-bd .clear-fix .p-btn{
    text-decoration: none;
    color: #555;
    word-break: break-all;
    width: 158px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border: 1px solid red;
}
.awg-bd .clear-fix .p-btn a{
    text-decoration: none;
    color: red;
    width: 156px;
    height: 28px;
    display: inline-block;
}

.p-btn:hover{
    background-color: red;
}
.a-bem:hover{
    color: white !important;
}